<template>
  <div>
    <el-card class="box-card" style="margin-top: 0;">
      <div class="text item">
        <el-button :type="typeFu==0?'primary':''" @click="handleChange(0)">未提交</el-button>
        <el-button :type="typeFu==1?'primary':''" @click="handleChange(1)">未评阅</el-button>
        <el-button :type="typeFu==2?'primary':''" @click="handleChange(2)">已评阅</el-button>

        <el-button class="come-back2" icon="el-icon-back" size="small" type="text" @click="goBack">返回</el-button>
      </div>
    </el-card>
    <not-submit v-if="typeFu==0" :idFu="idFu"></not-submit>
    <not-read v-if="typeFu==1" :idFu="idFu"></not-read>
    <yi-read v-if="typeFu==2" :idFu="idFu"></yi-read>
  </div>
</template>

<script>
  import NotSubmit from "@/components/CampSystem/CampOper/JobManage/NotSubmit";
  import NotRead from "@/components/CampSystem/CampOper/JobManage/NotRead";
  import YiRead from "@/components/CampSystem/CampOper/JobManage/YiRead";
  export default {
    name: "ReadIndex",
    props:{
      idFu: [String, Number]
    },
    components: {
      NotSubmit,
      NotRead,
      YiRead
    },
    data() {
      return {
        typeFu: 0
      };
    },
    created() {},
    methods: {
      // 返回按钮
      goBack() {
        this.$emit('childHandle', '1')
      },
      handleChange(val){
        this.typeFu = val;
      }
    },

  }
</script>

<style lang="scss">
  @import "@/assets/styles/card.scss";
  .come-back2 {
    font-weight: bold;
    float: right;

    .el-icon-back {
      font-weight: bold;
    }
  }
</style>



